<!DOCTYPE html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width">
	<title>Timeline</title>
	<link href='http://fonts.googleapis.com/css?family=Roboto:100,300&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="style.css">
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/modernizr.js"></script>
</head>
<body>
	<header class="container-fluid">
		<div class="row">
			<h2 class="white center thin">Timeline</h2>
			<i class="cloud cloud-1 fa fa-cloud"></i>
			<i class="cloud cloud-2 fa fa-cloud"></i>
			<i class="cloud cloud-3 fa fa-cloud"></i>
		</div>
	</header>
	<section id="timeline">
		<div class="timeline-block" data-type="movie">
			<div class="timeline-img img-movie">
				<img src="images/cd-icon-movie.svg" alt="">
			</div>
			<div class="timeline-time">Apr 14 2014</div>
			<div class="timeline-content">
				<h2 class="title lighter center">Timeline content</h2>
				<div class="content">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos dignissimos provident sint, architecto minus porro pariatur! Illo omnis officia possimus aut alias, ullam quaerat velit corrupti repudiandae tempora quod sapiente!
				</div>
			</div>
		</div>
		<div class="timeline-block" data-type="text">
			<div class="timeline-img img-text">
				<img src="images/cd-icon-location.svg" alt="">
			</div>
			<div class="timeline-time">Apr 14 2014</div>
			<div class="timeline-content">
				<h2 class="title lighter center">Timeline content</h2>
				<div class="content">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos dignissimos provident sint, architecto minus porro pariatur! Illo omnis officia possimus aut alias, ullam quaerat velit corrupti repudiandae tempora quod sapiente!
				</div>
			</div>
		</div>
	</section>
</body>
</html>